﻿      <!-- navbar header -->
<div style="width: auto;height: 50px" class="navbar-header {{app.settings.navbarHeaderColor}}">
    <button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
        <i class="glyphicon glyphicon-cog"></i>
    </button>
    <button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
        <i class="glyphicon glyphicon-align-justify"></i>
    </button>
    <!-- brand -->
    <div style="z-index: 999;position:absolute;cursor: default;width: 200px" href="#/" class="navbar-brand text-lt">
       <span  >医技预约平台</span>
        <!--<i class="fa fa-btc"></i>-->
        <!--<img src="img/zjlogo.jpg" alt=".">-->
        <!--<span class="hidden-folded m-l-xs">{{app.name}}</span>-->
    </div>
    <!-- / brand -->
</div>
<!-- / navbar header -->
<!-- navbar collapse -->
<div style="margin-left: 200px" class="nav-right collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
    <!-- buttons -->
    <!--<div class="nav navbar-nav hidden-xs displayElement">-->
        <!--<a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded">-->
            <!--<i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>-->
        <!--</a>-->
        <!--<a href class="btn no-shadow navbar-btn" ui-toggle-class="show" target="#aside-user">-->
            <!--<i class="icon-user fa-fw"></i>-->
        <!--</a>-->
    <!--</div>-->
    <!-- / buttons -->
    <!-- link and dropdown -->
    <!--<div class="nav navbar-nav hidden-xs">-->
        <ul class="nav navbar-nav ">

            <li class="check-li" dropdown  ng-class="{true: 'active', false: 'inactive'}[isActive]" >
            <a href class="check dropdown-toggle" dropdown-toggle >
                <span>检查预约</span>
                <!--<span class="caret"></span>-->
            </a>

        </li>
            <li class="dropdown pos-stc" dropdown ng-click="isActive=false" >
                <a href class="find dropdown-toggle" dropdown-toggle>
                    <span>查询统计</span>
                    <!--<span class="caret"></span>-->
                </a>
                <div style="margin-left: 0px" class="dropdown-menu check-div wrapper w-full bg-white">
                    <div class="row">
                        <ul class="check-ul">
                            <li>等级查询</li><li>等级查询</li><li>等级查询</li><li>等级查询</li><li>等级查询</li>
                        </ul>
                        <!--<div class="col-sm-4">-->
                        <!--<div class="m-l-xs m-t-xs m-b-xs font-bold">Pages <span class="badge badge-sm bg-success">10</span></div>-->
                        <!--<div class="row">-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-sm-4 b-l b-light">-->
                        <!--<div class="m-l-xs m-t-xs m-b-xs font-bold">UI Kits <span class="label label-sm bg-primary">12</span></div>-->
                        <!--<div class="row">-->
                        <!--<div class="col-xs-6">-->
                        <!--<ul class="list-unstyled l-h-2x">-->
                        <!--<li>-->
                        <!--<a href><i class="fa fa-fw fa-angle-right text-muted m-r-xs"></i>Buttons</a>-->
                        <!--</li>-->
                        <!--<li>-->
                        <!--<a href><i class="fa fa-fw fa-angle-right text-muted m-r-xs"></i>Icons <span class="badge badge-sm bg-warning">1000+</span></a>-->
                        <!--</li>-->
                        <!--<li>-->
                        <!--<a href><i class="fa fa-fw fa-angle-right text-muted m-r-xs"></i>Grid</a>-->
                        <!--</li>-->
                        <!--<li>-->
                        <!--<a href><i class="fa fa-fw fa-angle-right text-muted m-r-xs"></i>Widgets</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</div>-->

                        <!--</div>-->
                        <!--</div>-->

                    </div>
                </div>
            </li>

            <!--<li class="dropdown pos-stc" dropdown>-->
                <!--<a href class="dropdown-toggle" dropdown-toggle>-->
                    <!--<i class="fa fa-fw fa-plus visible-xs-inline-block"></i>-->
                    <!--<span translate="header.navbar.new.NEW"></span> <span class="caret"></span>-->
                <!--</a>-->
                <!--<ul class="dropdown-menu" role="menu">-->
                    <!--<li><a href="#" translate="header.navbar.new.PROJECT">Projects</a></li>-->
                    <!--<li>-->
                        <!--<a href>-->
                            <!--<span class="badge bg-info pull-right">5</span>-->
                            <!--<span translate="header.navbar.new.TASK">Task</span>-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li><a href translate="header.navbar.new.USER">User</a></li>-->
                    <!--<li class="divider"></li>-->
                    <!--<li>-->
                        <!--<a href>-->
                            <!--<span class="badge bg-danger pull-right">4</span>-->
                            <!--<span translate="header.navbar.new.EMAIL">Email</span>-->
                        <!--</a>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</li>-->

        </ul>
    <!--</div>-->
    <!-- / link and dropdown -->
    <!-- search form -->
    <div class="displayElement">
        <form class="navbar-form navbar-form-sm navbar-left shift" ui-shift="prependTo" target=".navbar-collapse" role="search" ng-controller="TypeaheadDemoCtrl">
            <div class="form-group">
                <div class="input-group">
                    <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control input-sm bg-light no-border rounded padder" placeholder="Search projects...">
                    <span class="input-group-btn">
                        <button type="submit" class="btn btn-sm bg-light rounded"><i class="fa fa-search"></i></button>
                    </span>
                </div>
            </div>
        </form>
    </div>
    <!-- / search form -->
    <!-- nabar right -->
    <ul class="nav navbar-nav navbar-right" ng-if="rightShow">
        <!-- dropdown -->
        <!--<li class="dropdown hidden-sm" is-open="lang.isopen" dropdown>-->
            <!--<a href class="dropdown-toggle" dropdown-toggle>-->
                <!--{{selectLang}} <b class="caret"></b>-->
            <!--</a>-->
            <!--<ul class="dropdown-menu animated fadeInRight w">-->
                <!--<li ng-repeat="(langKey, label) in langs">-->
                    <!--<a ng-click="setLang(langKey, $event)" href>{{label}}</a>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</li>-->
        <!-- / dropdown -->
        <li class="hidden-xs full-screen">
            <a ui-fullscreen></a>
        </li>
        <!-- dropdown -->
        <li class="dropdown news-li" dropdown>
            <a href class="dropdown-toggle" dropdown-toggle>
                <i class="icon-bell fa-fw"></i>
                <span class="visible-xs-inline">Notifications</span>
                <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
            </a>

            <div class="dropdown-menu w-xl animated fadeInUp">
                <div class="panel bg-white">
                    <div class="panel-heading b-light bg-light">
                        <strong>您有 <span>2条</span> 消息，请查看！</strong>
                    </div>
                    <div class="list-group">
                        <a href class="media list-group-item">
                            <span class="pull-left thumb-sm">
                                <img src="img/a0.jpg" alt="..." class="img-circle">
                            </span>
                            <span class="media-body block m-b-none">
                                第一条消息<br>
                                <small class="text-muted">10 分钟 前</small>
                            </span>
                        </a>
                        <a href class="media list-group-item">
                            <span class="media-body block m-b-none">
                                第二条消息<br>
                                <small class="text-muted">1 小时 前</small>
                            </span>
                        </a>
                    </div>
                    <div class="panel-footer text-sm">
                        <a href class="pull-right"><i class="fa fa-cog"></i></a>
                        <a href="#notes" data-toggle="class:show animated fadeInRight">查看所有消息</a>
                    </div>
                </div>
            </div>
        </li>
        <!-- / dropdown -->
        <li class="dropdown layout" dropdown ng-controller="UserController">
            <a href class="user dropdown-toggle clear" dropdown-toggle>
                <span class=" thumb-sm avatar  m-t-n-sm m-b-n-sm m-l-sm">


                </span>
                <span class="username thumb-sm avatar  m-t-n-sm m-b-n-sm m-l-sm">马丽
                </span>
                <span class="user-name">{{User.Name}}护士长</span> <span class="out pull-right"></span>
            </a>
            <!-- dropdown -->
            <ul class="dropdown-menu animated fadeInRight w">
                <!--<li class="wrapper b-b m-b-sm bg-light m-t-n-xs">-->
                    <!--<div>-->
                        <!--<p>300mb of 500mb used</p>-->
                    <!--</div>-->
                    <!--<progressbar value="60" class="progress-xs m-b-none bg-white"></progressbar>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href>-->
                        <!--<span class="badge bg-danger pull-right">30%</span>-->
                        <!--<span>Settings</span>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a ui-sref="app.page.profile">Profile</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a ui-sref="app.docs">-->
                        <!--<span class="label bg-info pull-right">new</span>-->
                        <!--Help-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <li>
                    <a ui-sref="access.signin">退出系统</a>
                </li>
            </ul>
            <!-- / dropdown -->
        </li>
    </ul>
    <!-- / navbar right -->

</div>
<!-- / navbar collapse -->